<template>
 
<div>
    <topnav title="在线帮助"></topnav>
<div class="content">
    <div class="main">
    <div class="area">
       <div @click="show('m1')" class="list">
           <span>1</span>
           <p>机器空气净化可以除甲醛吗？</p>   
       </div>
        <div class="space"></div>
       <div v-if="ismask.m1" class="mask">
         
               <li>
                   <p>答:我司使用的清洁设备是用水过滤的，甲醛是溶于水的，所以在净化过程中可以起到吸附部分甲醛，但是甲醛是属于挥发性比较久的有害气体，并非一次净化可以完全消除，除甲醛是需要长期净化的。</p>
               </li>
           </div>
           <div @click="show('m2')" class="list">
           <span>2</span>
           <p>除一次床垫干净程度为多少？干净状态能维持多久？</p>   
       </div>
        <div class="space"></div>
       <div v-if="ismask.m2" class="mask">
         
               <li>
                   <p>答:每次除螨是将一个周期繁殖的尘螨的尸体、排泄物等过敏源做一个清理，可以有效清除尘螨过敏源。至于这个干净状态维持多久，也要看个人体质、房间是否通风向阳，还有近期的天气原因(是否梅雨天，阴暗潮湿)等条件。所以这边给到相对专业的建议是一月除一次，家有螨虫易过敏的一月两次。</p>
               </li>
           </div>
           <div @click="show('m3')" class="list">
           <span>3</span>
           <p>这机器是怎么除螨虫的，单独用滴露可以吗？</p>   
       </div>
        <div class="space"></div>
        <div v-if="ismask.m3" class="mask">
         
               <li>
                   <p>答:我司使用的设备是通过纯物理的办法，对床垫进行震动拍打，将螨虫及其尸体和排泄散再通过强大的吸力吸到水里。这和单纯药物杀螨是有本质区别的。<br/> 我们先利用除螨机的震动拍打把螨虫及其尸体和排泄物震碎拍散再通过强大的吸力吸到水里进行过滤。加滴露是为了杀死水中活着的螨虫，这样倒进马桶过滤物也更加卫生安全。</p>
               </li>
           </div>
         <div @click="show('m4')"  class="list">
           <span>4</span>
           <p>床垫反面也需要吸吗</p>   
       </div>
       <div class="space"></div>
       <div v-if="ismask.m4" class="mask">
         
               <li>
                   <p>答:不需要，因为深层除螨机可有效镇达20-30公分厚度，此厚度远大于床垫的厚度。</p>
               </li>
           </div>
       <div @click="show('m5')" class="list">
           <span>5</span>
           <p>每次清洁需要提前多长事件预约？</p>   
       </div>
       <div class="space"></div>
       <div v-if="ismask.m5" class="mask">
         
               <li>
                   <p>答:服务预约请提前1-2天，如果对上门时间点有要求则最好提前3-4天预约。</p>
               </li>
           </div>
       <div @click="show('m6')" class="list">
           <span>6</span>
           <p>每次服务人员是否固定</p>   
       </div>
       <div class="space"></div>
       <div v-if="ismask.m6" class="mask">
         
               <li>
                   <p>答:我们的服务人员都是随机安排的，只需在预约时添加备注即可。</p>
               </li>
           </div>
       <div @click="show('m7')" class="list">
           <span>7</span>
           <p>每次除螨我的床单都需要更换吗</p>   
       </div>
       <div class="space"></div>
       <div v-if="ismask.m7" class="mask">
         
               <li>
                   <p>答:建议每次清洁之后，更换床单。</p>
               </li>
           </div>
       <div @click="show('m8')" class="list">
           <span>8</span>
           <p>除螨可以治疗鼻炎敏感吗？</p>   
       </div>
       <div v-if="ismask.m8" class="mask">
               <li>
                   <p>答:除螨不是医疗手段，因此是不能完全治疗鼻炎敏感的。但是除螨可以大大缓解鼻炎敏感症状。</p>
               </li>
           </div>
    </div>
    </div>     
</div> 
</div>
</template>

<script>
import topnav from "../../components/topNav"
export default {

      data(){
          return{

              ismask:{
                    m1:false,
                    m2:false,
                    m3:false,
                    m4:false,
                    m5:false,
                    m6:false,
                    m7:false,
                    m8:false,
              }
             
              
          }
      },
      methods:{
           onClickLeft(){
        this.$router.push("home")
        },
        show(aa){
            
            if(this.ismask[aa]){
               this.ismask[aa] = !this.ismask[aa]
            }else{
                this.ismask[aa] = true
            }
             
        },
        
    },
    components:{
        topnav
    }
  }
</script>

<style lang="less" scoped>
     li{
      list-style: none;
  }

 .van-nav-bar {
    background-color: #fff;
    color: #000;
    border: none;
    .van-nav-bar__title{
        color: #000;
        font-weight: 600;
    }
    .van-icon-arrow-left:before{
        color: #000;
        font-weight: 600;
    }
}
.content {
        background-color: #ff6a10;
        height: 820px;
        color: #fff;
        .main {
            width: 90%;
            margin: 0 auto;
            .left {
                span {
                 color: #fff;
                }
            }
            >div{
                padding-top: 10px;
                
                span {
                    color: #498859;
                    margin-left: 5px;
                    margin-top: 10px;
                }
                >p{
                    margin: 0;
                    margin-top: 20px;
                    margin-left: 5px;
                }
            }
        }
        
}
    .area {
            border-radius: 15px;
            background-color: #fff;
            height: 700px;
            color: #000;
            border: 2px solid #f6f6f6;
            >p{
                margin: 0!important;
                color: #194092;
                font-weight: 600;
                font-size: 15px;
            }
               
                
            }
        
  .list {
      width: 90%;
      margin: 0 auto;
      display: flex;
      >span {
          display: inline-block;
          width: 30px!important;
          height: 30px!important;
          border-radius: 25px;
          line-height: 30px;
          color: #fff!important;
          text-align: center;
          background-color: #f4d046;
      }
      p{
          width: 70%;
          margin: 10px 0px 0px 20px;
          font-size: 14px;
          flex-wrap: wrap;
      }
  }
  .space {
        width: 78%;
        margin: 0px auto;
        margin-top: 6px;
        height: 20px;
        border-left: 4px solid #ccc;
      }
  .mask {
      width: 78%;
      margin: 0 auto;
      font-size: 12px;
      color: #7a7a7a;
      border-left: 4px solid #ccc;
      
      p{
          margin: 0;
          margin-left: 20px;
          padding-top: 5px;
          border-top: 1px solid #194092;
      }
  }      
</style>